<template>
  <el-card class="box-card box-card-list" style="margin-bottom: 20px;">
    <div slot="header" class="clearfix">
      <div class="area-header">
        <span class="area-header-sign" />
        <span class="area-header-title">{{ $t('投资信息') }}</span>
      </div>
    </div>
    <div class="companyData">
      <div class="content" style="max-width: 100%;">
        <el-row class="detail" :gutter="20">
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('项目负责人') }}：</span>
            <span class="link-hover-click">{{ investInfoData.nickName === undefined ? '' : investInfoData.nickName }}</span>
          </el-col>
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('聚焦行业') }}：</span>
            <span class="link-hover-click">{{ investInfoData.industryFocus === undefined ? '' : $t(investInfoData.industryFocus) }}</span>
          </el-col>
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('IRR') }}：</span>
            <span class="link-hover-click">{{ investInfoData.latestIrr === undefined ? '' : investInfoData.latestIrr }}</span>
          </el-col>
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('投资时间') }}：</span>
            <span class="link-hover-click">{{ investInfoData.dateInvestmentFact === undefined ? '' : investInfoData.dateInvestmentFact }}</span>
          </el-col>
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('投资金额') }}{{ $t('金额单位') }}：</span>
            <span class="link-hover-click">{{ investInfoData.amountInvestmentEstimate == undefined ? '' : moneyFormat(investInfoData.amountInvestmentEstimate, 'w') }}</span>
          </el-col>
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('持股比例(%)') }}：</span>
            <span class="link-hover-click">{{ investInfoData.latestShareholdingRatio === undefined ? '' : investInfoData.latestShareholdingRatio }}</span>
          </el-col>
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('投后估值') }}{{ $t('金额单位') }}：</span>
            <span class="link-hover-click">{{ investInfoData.valuationAfterInvestment === undefined ? '' : moneyFormat(investInfoData.valuationAfterInvestment, 'w') }}</span>
          </el-col>
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('投资主体') }}：</span>
            <span class="link-hover-click">{{ investInfoData.name === undefined ? '' : investInfoData.name }}</span>
          </el-col>
          <el-col :span="24">
            <span class="label">{{ $t('项目简介') }}：</span>
            <span class="link-hover-click">{{ investInfoData.dealIntroduction === undefined ? '' : investInfoData.dealIntroduction }}</span>
          </el-col>
          <el-col :span="24" class="mb0">
            <span class="label">{{ $t('退出计划') }}：</span>
            <span class="link-hover-click">{{ investInfoData.planExit === undefined ? '' : investInfoData.planExit }}</span>
          </el-col>
        </el-row>
      </div>

    </div>
  </el-card>
</template>
<script>
import { getByIdFindPostInvestmentInformation } from '@/api/deal/investment/dealInvestment'
export default {
  components: {
  },
  data() {
    return {
      investInfoData: {}
    }
  },
  mounted() {
    this.init()
  },
  methods: {
    init() {
      getByIdFindPostInvestmentInformation(this.$route.query.id, 'undefined').then(response => {
        this.investInfoData = response.data[0]
      })
    }
  }
}
</script>
<style scoped>
  .custom{
    background-color: #f6f7fb !important;
  }
</style>
